﻿@charset "utf-8";
.box-shadow{ -webkit-box-shadow: 0 0 6px rgba(111, 109, 111, 0.4); -moz-box-shadow: 0 0 6px rgba(111, 109, 111, 0.4);  box-shadow: 0 0 6px rgba(111, 109, 111, 0.4); background: #fff; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out;}
.header{ padding: 24px 0 5px; }
.logo{ float: left; }
.logo img{ margin-top: 8px; }
.search {float: right;width: 230px;background: #efefef;}
.search .sr{display: block;float: left;width: 180px;padding: 0 10px;height: 30px;line-height: 30px;border: none;outline: none;font-size: 14px;background: none;}
.search .btn{display: block;float: right;width: 30px;height: 30px;border: none;outline: none;background: url(../Images/2019txjk_search.png) no-repeat center;font-size: 0;cursor: pointer;}
.search .btn{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all .3s ease-out; }
.search .btn:hover{ opacity: 0.7; }

.nav{ float: right; height: 50px; line-height: 50px; }
#nav{ width: 728px; height: 50px; overflow: hidden; }
#nav li{ width: 12.5%; float: left; text-align: center; background: url(../Images/2019txjk_nav_bj.png) no-repeat right center; }
#nav li:last-child{ background: none; }
#nav li a{ display: block; padding-right: 7px; height: 100%; font-size: 18px; position: relative; }
#nav .on a{ font-weight: bold; color: #2e8eda; }

.footer{ margin-top: 30px; background-color: #2f2f2f; }
.footer a,.footer p{ color: #ffffff; font-size: 14px; }
.footer p{ font-size: 14px; }
.footer .link{height: 50px;line-height: 50px;overflow: hidden;border-bottom: 1px solid #141414;background: #1a1a1a;}
.footer .link a{display: block;width: 20%;height: 100%;float: left;color: #ffffff;font-size: 16px;text-align: center;}
.footer .footer-info { padding: 25px 0; }
.footer .footer-info .footer-con{ float: left;  border-right: 1px dashed #ffffff; padding: 0 40px; }
.footer .footer-info .footer-left{ padding: 0 40px 0 0;  }
.footer .footer-info .footer-right{ border-right: 0; padding: 0 0 0 90px;  }
.footer .footer-info .footer-info-box img{ margin-left: 10px; margin-top: 8px;  }

.ty-banner { background: url(../Images/2019txjk_banner02.jpg) no-repeat center; height: 350px; }
.ty-banner .bj1,.ty-banner .bj2{  padding-top: 105px; margin: 0 auto; text-align: center; }
.ty-banner .bd div{ padding-top: 105px; margin: 0 auto; text-align: center; }


/*单层tab切换1 */
.tab_box{ overflow: hidden; text-align:left; }
.tab_box .hd { position: relative; overflow: hidden; text-align: center; font-size: 0; }
.tab_box .hd ul { position: relative; z-index: 1; }
.tab_box .hd ul li{ padding: 0 20px; line-height: 50px; height: 50px; display: inline-block; background: #fff; }
.tab_box .hd ul li a{ display: block; height: 100%;  font-size: 24px; }
.tab_box .hd .on a{ color: #2e8eda; background: url(../Images/2019txjk_list_01.png) no-repeat center bottom; }
.tab_box .hd .bj{ position: absolute; left: 0; right: 0; top: 24px; border-top: 1px solid #666666; z-index: 0; }

.bd_new ul{ zoom:1; padding: 10px 0; }
.bd_new li{  height: 36px; line-height: 36px; padding-left: 20px; background: url(../Images/2019txjk_list_02.png) no-repeat left center;  }
.bd_new li a{ font-size: 18px; display: inline-block; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.bd_a80 li a{ width: 78%; }
.bd_new li:hover a{ text-decoration: underline; color: #2e8eda; }
.bd_new li:hover span{ color: #2e8eda; }
.bd_new li span{ display: block; font-size: 14px; text-align: right; float:right; color: #999999; }

.bd .bd_01 { height: 85px;line-height: inherit;padding-top: 20px;padding-bottom: 10px;border-bottom: 1px dashed #c8c8c8;}
.bd .bd_01 h2 a{ display: block; font-weight: bold; font-size: 18px; margin-bottom: 10px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;  }
.bd .bd_01 p{ color: #666666; font-size: 14px; line-height: 28px; }


/*单层tab切换2 */
.tab_box2 .hd{ height:50px; line-height: 50px; background: url(../Images/2019txjk_list_04.png) no-repeat left center; padding-left: 18px; }
.tab_box2 .hd ul li{ height:50px; line-height: 50px; float: left; }
.tab_box2 .hd ul li a{ font-size: 22px; font-weight: bold; color: #7a8897; }
.tab_box2 .hd span{ display: block; padding: 0 10px; height: 100%; text-align: center; float: right; }
.tab_box2 .hd span a{ font-size: 14px; }



@media only screen and (max-width: 1200px) {
    .floor{ width: 100%; }
}

@media only screen and (max-width: 1024px) {
    /* 头部 */
    .header{ padding: 20px 0 0; }
    .logo{ float: none; }
    .logo img{ max-width: 90%; margin-left: 10px; margin-top: 0; }
    .search {float: none;width: 100%; overflow: hidden; margin-top: 20px; margin-bottom: 2px; }
    .search .sr{width: calc(100% - 60px);height: 40px;line-height: 40px;}
    .search .btn{ width: 40px; height: 40px;}
    .nav{ float: none; height: auto; line-height: 40px; }
    #nav{ width: 100%; height: auto; overflow: hidden; }
    #nav li{ width: 25%; float: left; text-align: center; background: #15499a; }
    #nav li:last-child{ background: #15499a; }
    #nav li a{ font-size: 16px; border-bottom: 1px solid #fff; border-right: 1px solid #fff;  color: #fff; padding-right: 0;}
    #nav li:nth-child(4n) a{ border-right: none; }
    #nav .on a{ font-weight: bold; color: #ffe000; }

    .ty-banner{ display: none; }

    /* 底部 */
    .footer .link{ height: auto; line-height: 40px; padding: 10px 0; }
    .footer .link a{  width: 33.33%;  }
    .footer .footer-info { padding: 20px 0; }
    .footer .footer-info .footer-con{ padding: 0!important;  width: 100%!important; float: none; text-align: center; border-right: none; }
    .footer .footer-info .footer-left{ display: none; }
    .footer .footer-info .footer-info-box img{ margin-left: 10px; margin-top: 8px; }
    .footer{ margin-top: 20px; }

    .tab_box .hd ul li{ padding: 0 10px;  }
    .tab_box .hd ul li a{ font-size: 22px; }
    .bd_a80 li a{ width: 70%; }
    .bd_new li span{ width: auto; }

}

@media only screen and (max-width: 375px) {

}

@media only screen and (max-width: 320px) {
    .tab_box .bd_a80 li a{ width: 100%; }
    .tab_box .bd_new li span{ display: none; }
}